<div id="top-left">
  <span class="location-title">安全配置</span>
</div>
<div class="main-content">
  <ul nz-menu nzMode="horizontal" class="location-menu">
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/user/security']">
      账户设置
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/user/profile']">
      基本资料
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/user/password']">
      密码修改
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/user/real-auth']">
      实名认证
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/user/refuse-words']">
      拒绝词汇
    </li>
  </ul>
  <form style="max-width: 800px;" nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="trueName">真实姓名</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="请输入真实姓名!">
        <input type="text" nz-input formControlName="trueName" placeholder="真实姓名" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="phone">手机号码</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="请输入手机号码!">
        <input type="text" nz-input formControlName="phone" placeholder="手机号码" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzRequired nzFor="email">电子邮箱</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24" nzErrorTip="请输入电子邮箱!">
        <input type="text" nz-input formControlName="email" placeholder="电子邮箱" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzFor="qq">QQ/微信</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <input type="text" nz-input formControlName="qq" placeholder="QQ/微信" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzFor="companyName">公司名称</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <input type="text" nz-input formControlName="companyName" placeholder="公司名称" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzFor="companyAddress">联系地址</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <input type="text" nz-input formControlName="companyAddress" placeholder="联系地址" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzFor="companyIntroduce">主营业务</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <textarea rows="4" nz-input formControlName="companyIntroduce"></textarea>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="4" [nzXs]="24" nzFor="officialSite">官网/微博</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <input type="text" nz-input formControlName="officialSite" placeholder="官网/微博" />
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control [nzSpan]="16" [nzOffset]="4">
        <button nz-button [nzType]="'primary'">提交</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</div>
